<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户修改</title>
</head>
<body>
<style>
    body{
        background: url("/images/背景2.jpg") no-repeat;
        background-size: cover;
    }
    .button {
        display: inline-block;
        border-radius: 4px;
        background-color: #f4511e;
        border: none;
        color: #FFFFFF;
        text-align: center;
        font-size: 15px;
        padding: 6px;
        /*width: 100%;*/
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;

    }
    .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

    .button span:after {
        content: '»';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

    .button:hover span {
        padding-right: 10px;
    }

    .button:hover span:after {
        opacity: 1;
        right: 0;
    }
    .button1{
        background-color: crimson;
    }
    .button2{
        background-color: chartreuse;
    }
    table{
        margin-top: 100px;
    }

</style>
<form th:action="@{updateUser}" method="post">
    <table border="1"  align="center">
        <tr >
            <th>用戶ID</th>
            <th>用戶姓名</th>
            <th>用戶密码</th>
            <th>管理員級別</th>
            <th>性别</th>
            <th>用户号码</th>
            <th>用户住址</th>
            <th>黑名单</th>
            <th>邮箱</th>
        </tr>
        <tr >
            <td><input name="userid" type="text" th:value="${users.userid}"/></td>
            <td><input name="username" type="text" th:value="${users.username}"/></td>
            <td><input name="password" type="text" th:value="${users.password}"/></td>
            <td><input name="role" type="text" th:value="${users.role}"/></td>
            <td><input name="usersex" type="text" th:value="${users.usersex}"/></td>
            <td><input name="userphone" type="text" th:value="${users.userphone}"/></td>
            <td><input name="useraddress" type="text" th:value="${users.useraddress}"/></td>
            <td><input name="blacklist" type="text" th:value="${users.blacklist}"/></td>
            <td><input name="email" type="text" th:value="${users.email}"/></td>
        </tr>
    </table>
    <div align="center">
        <button type="submit"  class="button" ><span>保存</span></button>
    </div>

</form>
<form th:action="@{viewUser}" align="center" method="get">
    <button type="submit"  class="button"><span>返回</span></button>
</form>
</body>
</html>